<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>jsBilliards - Mobile version</title>

	<script src="../../depends/jquery.js" type="text/javascript"></script>
	<script src="../../lina.js/lina.js" type="text/javascript"></script>
	<script src="../../arcade.js/arcade.js" type="text/javascript"></script>
	<script src="../../arcade.js/arcade-controls.js" type="text/javascript"></script>
	<script src="jsBilliards.js" type="text/javascript"></script>

	<!-- Safari/iPhone: Display web content in full-screen mode -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<!-- Safari/iPhone: Hide status bar (requires full-screen mode) -->
	<meta name="apple-mobile-web-app-status-bar-style" content="default">
	<!-- Safari/iPhone: Set fixed viewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<!-- Safari/iPhone: Define App icon -->
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<!-- Safari/iPhone: Define startup icon -->
	<link rel="apple-touch-startup-image" href="startup.png">

	<script type="text/javascript">

	$(function(){
		var canvas = document.getElementById("gameCanvas");
		var game = new BilliardsGame(canvas, {
			fullscreenMode: true,
			debug: {
				showFps: true,
				logToCanvas: false
			}
			});
		if(window.navigator.standalone === false){
			// Scroll one pixel down, so Safari URL toolbar disappears
			setTimeout(scrollTo, 10, 0, 1);
			alert("This web page is optimized to run in fullscreen mode.\n"
					+ "Use the 'Add to Home Screen' function at the bottom of this page and restart this game from the new link icon.");
		}else if(window.navigator.standalone !== true){
			alert("This web page is optimized to run on iPhones/iPods.");
		}
	});
	</script>

<style>
* {
	margin: 0;
	padding: 0;
}
body, html {
	width: 100%;
	height: 100%;
}
#gameCanvas {
	width: 100%;
}
</style>
</head>

<body>
	<canvas id="gameCanvas" class="arcade-js">This game requires HTML 5 support.</canvas>
</body>
</html>
